/**
* Copyright (c) 2022 Beijing Jiaotong University
* PhotLab is licensed under [Open Source License].
* You can use this software according to the terms and conditions of the [Open Source License].
* You may obtain a copy of [Open Source License] at: [https://open.source.license/]
* 
* THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
* EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
* MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
* 
* See the [Open Source License] for more details.
* 
* Author: Zhenjie Wei
* Created: Mar. 22, 2023
* Supported by: National Key Research and Development Program of China
*/

@mixin phot-active-device-toolbar {
    width: 100%;
    padding: 10px 0;
    height: 124px !important;
    box-sizing: border-box;
    background: $bg-home_light;
    .pui-toolbar {
        height: 100% !important;
        box-sizing: border-box;
        .pui-toolbar_container {
            height: 100% !important;
            // .pui-icon {
            //     font-size: 16px !important;
            //     &.large {
            //         font-size: 24px !important;
            //     }
            // }
            .pui-toolbar_block {
                &:first-child {
                    border-left: none;
                }
                &:last-child {
                    border-right: none;
                }
                .pui-toolbar_block-content {
                    padding: 0 10px!important;
                    .pui-toolbar_block-title {
                        white-space: nowrap;
                    }
                    .pui-toolbar_list {
                        &.column {
                            .pui-toolbar_item {
                                &:not(:first-child) {
                                    margin-top: 5px;
                                }
                            }
                        }
                        .pui-toolbar_item {
                            .item {
                                .pui-toolbar_item_label {
                                    &.pui-toolbar_item_input {
                                        .pui-input {
                                            height: 26px;
                                            background-color: #fff;
                                        }
                                        .btn-list {
                                            .pui-btn {
                                                height: 26px;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                        .pui-selector-content_item {
                            justify-content: flex-start;
                            .content-icon {
                                margin-right: 5px;
                            }
                        }
                    }
                }
            }
        }
    }
}

@mixin phot-active-device-toolbar-dark {
    background: $bg-tool_dark;
}